<template>
    <div>
        <van-tabbar v-model="active">
            <van-tabbar-item name="home" icon="chat-o" to="/wei">微信</van-tabbar-item>
            <van-tabbar-item name="search" icon="friends-o" to="/ton">通讯录</van-tabbar-item>
            <van-tabbar-item name="friends" icon="eye-o" to="/fa">发现</van-tabbar-item>
            <van-tabbar-item name="setting" icon="contact-o" to="/main">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script setup>
import { ref, onMounted, reactive } from 'vue'
const active = ref(0)
</script>

<style lang="scss" scoped></style>